<template>
  <div v-if="Object.keys(detailInfo).length !== 0" class="goodsinfo">
    <div class="infodesc">
      <div class="start"></div>
      <div class="desc">{{ detailInfo.desc }}</div>
      <div class="end"></div>
    </div>
    <div class="infokey">
      {{ detailInfo.detailImage[0].key }}
    </div>
    <div class="infolist">
      <img
        :src="item"
        alt=""
        v-for="(item, index) in detailInfo.detailImage[0].list"
        :key="index"
      />
    </div>
  </div>
</template>

<script>
export default {
  props: {
    detailInfo: {
      type: Object,
      default() {
        return {};
      },
    },
  },
};
</script>
<style scoped></style>
